<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr" lang="en-US" >
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />

<!-- page title -->
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"/>


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js"  type="text/javascript"></script>
<script src="js/modernizr.custom.js"  type="text/javascript"></script>
<script src="js/jquery.fitvids.js"  type="text/javascript"></script>
<script src="js/jquery.ui.totop.js"  type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>
 <style type="text/css">
 	#main_wrapper{
 		margin-top: 0px;
 	}
 	.road{
 		background-color:#EBF6E0;
 		border: 1px solid #b3dc82;
 	}
 	.categories li a{
 		margin-bottom: 0px;
 		font-size: 15px;
 		padding-left: 20px;
 	}
 	.chakan a{
 		padding-left: 20px;
		font-size: 17px;
		text-decoration: none;
 	}
 	.widget_title{
 		padding-left: 20px;
 	}
 	.chakan{
 		margin-top: 30px;
 	}
 	button {
	cursor: pointer;
}
 </style>

</head>
<body>	
<div class="road">
	 <div class="container">    
		<div class="content_wrapper_inner">
		
        <div class="eleven columns row left" style="margin-bottom:0px;">
			 <div class="eleven columns row alpha blog_post" style="margin-bottom:0px;">
                <div class="eleven columns alpha blog_image">
				
				   <div class="view view-tenth">
                      <span class="image_holder_blog">					   
                         <img src="images/large/1.jpg" alt="" class="scale-with-grid" />
					  </span>
                    <div class="mask">
					  <div class="mask_wrapper_blog">                        
                           <a href="images/large/1.jpg" title="" data-rel="prettyPhoto[portfolio]" class="link1"><img src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>     
                      </div>
					</div>
                  </div>				          
                
				</div>
                <div class="two columns row alpha">
				   <div class="home_time_wrap">			  
			         <div class="icon_b_wrapper"><div class="image_icon"></div></div>
				      <div class="day_b_wrapper">
				        <span class="day_b_wrapper_inner">17</span>
				      </div>
				     <div class="date_b_wrapper_b">
				        <span class="h_month"> Feb </span>
					    <span class="y_month"> 2013 </span>
				     </div> 
			      </div> <!-- End Home time wrapper -->
				  <div class="clear"></div>
				   <ul class="info_inner">
				        <li> 开通时间   </li>
						<li><a href="#"> 运行时间:22h </a>   </li>						
						<li>  <a href="#">途经配送点:27 </a>   </li>
				   </ul>
				 
                </div>
                <div class="eight columns row offset-by-one omega">
                    <div class="blog_title" style="margin-top:10px;"><h4><a href="#">路线介绍</a></h4></div>                   
                    <div class="p_content">
						<p ><i style="font-size: 15px;"> 该路线由重庆开往贵阳.起点是重庆南坪.终点为贵阳金阳.经过綦江,桐梓,遵义等城市,途经12个配送点,预计运行时间11个小时</i></p>
					</div>
					<s:include value="curd_btn.jsp"></s:include>
                </div>
                <div class="clear"></div>
				<div class="border_divider1"></div>
				<div class="four columns sidebar offset-by-one">
		 </div>
         </div> 
        </div> 
       </div> 
        	<div class="four columns alpha widget" style="width:180px;margin-left: 60px;">
                   <h5 class="widget_title"> 途经运送点 </h5>
                <ul class="categories">				
					<li><a href="#">重庆南坪</a></li>
					<li><a href="#">重庆界石</a></li>
					<li><a href="#">重庆鱼洞</a></li>
					<li><a href="#">重庆綦江</a></li>
					<li><a href="#">重庆赶水</a></li>
					<li><a href="#">贵州桐梓</a></li>
					<li><a href="#">遵义</a></li>
					<li><a href="#">赤峰</a></li>
					<li><a href="#">清镇</a></li>
				</ul>
				<div class="chakan"><a href="#">点击查看全部</a></div>
                <div class="clear"></div>
            </div>
      </div>
    </div>
  </body>
</html>
